<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<link rel="stylesheet" type="text/css" href="css/fl.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<header class="clearfix">
				<div class="top_fenlei">
					<a href="">Back</a>
					<div class="fr city">
						<select name="">
							<option value="1">广州市</option>
							<option value="2">深圳市</option>
						</select>
					</div>
					<p>分类</p>
				</div>
			</header>
			<main>
				<div class="fenlei_img">
					<div class="meishi">
						<div><img src="img/22.png"/></div>
						<p>美食</p>
					</div>
					<div class="meishi">
						<div><img src="img/23.png"/></div>
						<p>电影</p>
					</div>
					<div class="meishi">
						<div><img src="img/24.png"/></div>
						<p>运动</p>
					</div>
					<div class="meishi">
						<div><img src="img/25.png"/></div>
						<p>唱歌</p>
					</div>
				</div>
				<div class="shengluehao">
					<span></span><span></span><span></span><span></span>
				</div>
				<div class="meishilei">
					<div class="meishilei_top">
						<div class="meishilei_top_img"><img src="img/26.jpg"/></div>
						<p>美食类
							<span>
								更多<img src="img/more.png">
							</span>							
						</p>
					</div>
					<div class="meishilei_list clearfix">
						<div><a href="changpinxiangxi.html"><img src="img/27.jpg"></a></div>
						<div><a href="changpinxiangxi.html"><img src="img/28.jpg"></a></div>
						<div><a href="changpinxiangxi.html"><img src="img/29.jpg"></a></div>
						<div><a href="changpinxiangxi.html"><img src="img/04.jpg"/></a></div>
					</div>
				</div>
				<div class="meishilei">
					<div class="meishilei_top">
						<div class="meishilei_top_img"><img src="img/26.jpg"/></div>
						<p>运动类
							<span>
								更多<img src="img/more.png">
							</span>							
						</p>
					</div>
					<div class="meishilei_list clearfix">
						<div><img src="img/30.jpg"></div>
						<div><img src="img/31.jpg"/></div>
						<div><img src="img/32.jpg" /></div>
						<div><img src="img/33.jpg"/></div>
					</div>
				</div>
				<div class="meishilei">
					<div class="meishilei_top">
						<div class="meishilei_top_img"><img src="img/26.jpg"/></div>
						<p>电影类
							<span>
								更多<img src="img/more.png">
							</span>							
						</p>
					</div>
					<div class="meishilei_list clearfix">
						<div><img src="img/34.jpg"></div>
						<div><img src="img/35.jpg"/></div>
						<div><img src="" /></div>
						<div><img src=""/></div>
					</div>
				</div>
			</main>
			<footer>
				<ul>
						<li>
							<a href="index.html">
								<i class="iconfont icon-shouye1"></i>
								<div>
									首页
								</div>
							</a>						
						</li>
						<li><a href="fenlei.html">
							<i class="iconfont icon-leimupinleifenleileibie1"></i>	
							<div>
									分类
								</div>
						</a>					
						</li>
						<li>
							<a href="faxian.html">
								<i class="iconfont icon-faxian1"></i>
								<div>发现</div>
							</a>				
						</li>
						<li>
							<a href="wode.html">
								<i class="iconfont icon-wode"></i>
								<div>
									我的
								</div>	
							</a>						
						</li>
					</ul>
			</footer>
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
